@CHARSET "ISO-8859-1";

body{
	background: url("/assets/images/bg2.gif") repeat;
	font-family: Arial;
	font-size: 12px;
}

hr {
	height: 4px;
	background: #9da726;
}

h1 {
	padding-top: 16px;
	font-size: 20px;
	color: #5e5e5e;
}

h2 {
	color: #aaaaaa;
	padding-left: 4px;
}

a {
	color: #2f2f2f;
}
a:hover {
	color: #a7c520;
}


input {
	background: url("/assets/images/input_bg.png") no-repeat 0px 0px;
	border: 0px;
	padding: 5px 8px 6px 8px;
	width: 196px;
	margin: 6px 0px 6px 0px;
	color: #b2adad;
}
input:focus {
	background: url("/assets/images/input_bg.png") no-repeat 0px -27px;					
}

select {
	border: 0px solid #ff00ff;
	background: url("/assets/images/input_bg.png") no-repeat top left;
	background-color: transparent;
	padding: 4px 4px 4px 4px;
	width: 212px;
	height: 27px;
	vertical-align: middle;
}

input.button {
	margin-top: 8px;
	border: 0px solid #ff00ff;
	padding: 5px 0px 6px 0px;
	background: url("/assets/images/button.png") no-repeat 0px -29px;
	width: 84px;
	color: #888888;
}
input.button:hover {
	color: #2f2f2f;
	background-position: 0px 0px;
}
input.button:focus {
	color: #2f2f2f;
	background-position: 0px 0px;
}



dl {
	color: #888888;
	font-family: Tahoma;
}

.hidden {
	visibility: hidden;
	display: none;
}

.neg {
	color: #fe2626;
}
.pos {
	color: #a7c520;
}

div.top_info ul {
	color: #493f0b;
	float: right;
	padding-top: 6px;
	padding-bottom: 0px;	
}	
	div.top_info ul li {
		float:left;
		padding-left: 6px;
		padding-right: 6px;
		border-left: 1px solid #2f2f2f;
	}
		div.top_info ul li.first {
			border-left: 0px;
			padding-left: 0px;
		}
		div.top_info ul li.saldo {
			font-weight: bold;
		}
		div.top_info ul li.last {
			padding-right: 0px;
		}
			div.top_info ul li a {
				color: #493f0b;
			}
		
		
div.navigation ul {
	float: right;
	padding-top: 36px;
	padding-bottom: 20px;	
}	
	div.navigation ul li {
		float:left;
		padding-left: 26px;
	}
		div.navigation ul li a {
			font-size: 24px;
			color: #493f0b;
			text-decoration: none;
		}
		div.navigation ul li a.selected {
			color: #9da726;
			cursor: default;
		}
		div.navigation ul li a:hover {
			color: #9da726;
		}

div.content {
	background: url("/assets/images/bg.png") no-repeat 50% 0px;
	width: 100%;
	min-height: 580px;
}

div.leftColumn {
}
	div.leftColumn h1 {
		height: 20px;
	}
	div.leftColumn h2 {
		padding-top: 4px;
		padding-bottom: 12px;
	}
	div.leftColumn input {
		margin-left: 2px;
	}
	div.leftColumn label {
		padding-top: 10px;
		display: block;
		margin-left: 2px;
		color: #5e5e5e;
	}
	div.leftColumn input.button {
		float: right;
		margin-right: 4px;
	}
	div.leftColumn p.tooltip_content {
		margin-bottom: 12px;
		margin-left: 4px;
		color: #5e5e5e;
		font-size: 10px;
		width: 190px;
	}
	div.leftColumn input.error {
		background: url("/assets/images/input_bg.png") no-repeat 0px -54px;	
	}
	div.leftColumn input.error:focus {
		background: url("/assets/images/input_bg.png") no-repeat 0px -81px;	
	}
	
.tooltip {
	padding-top: 6px;
	color: #5e5e5e;
}

div.rightColumn {
}
	div.rightColumn h1 {
		height: 55px;
		padding-top: 6px;
		font-size: 20px;
		color: #5e5e5e;
		background: url("/assets/images/menu_sepeator.png") no-repeat left bottom;
	}

#userlist_container {
	padding: 10px;
	background: url("/assets/images/userlist_bg.png") no-repeat left top;
}
	#userlist_container dl dt {
		font-size: 11px;
		padding: 4px 0px 4px 4px;
		float: left;
		width: 186px;
	}
		#userlist_container dl dt.even {
			background-color: #f6f6f6;
		}		
		#userlist_container dl dt.active {
			font-weight: bold;
		}
		
	#userlist_container dl dd {
		font-size: 11px;
		float: left;
		text-align: right;
		padding: 4px 4px 4px 0px;
		width: 56px;	
	}
		#userlist_container dl dd.even {
			background-color: #f6f6f6;
		}
		#userlist_container dl dd.active {
			font-weight: bold;
		}
		
#shoppinglist_container {
	min-height: 150px;
}

#sponsered_products_container {

}
	#sponsered_products_container div {
		border: 1px solid #ffffff;
		background-color: #cccccc;
		width: 158px;
		height: 97px;
	}
	
#searchbox {
	float: left;
	background: url("/assets/images/search_bg.png") transparent no-repeat 0px 0px;
	width: 180px;
	font-size: 18px;
	padding: 3px 0px 3px 4px;
	margin: 0px;
	padding-left: 6px;
	margin-left: 4px;
}

#addNewProductLink{
	display: block;
	float: left;
	text-decoration: none;
	background: url("/assets/images/add_product_btn.png") transparent no-repeat 0px 0px;
	width: 26px;
	height: 27px;
}
#addNewProductLink:hover{
	background: url("/assets/images/add_product_btn.png") transparent no-repeat 0px -27px;
}
#addNewProductLink.disabled{
	cursor: default;
	background: url("/assets/images/add_product_btn.png") transparent no-repeat 0px -54px;
}
#productList {
	padding-top: 24px;
}
	#productList ul li {
		border-top: 1px dotted #cfcfcf;
		font-size: 16px;
	}
	
	
			#productList ul li a.rayon {
				display: block;			
				padding-left: 30px;
				padding-top: 6px;
				padding-bottom: 6px;
				background: url("/assets/images/rayons.png") transparent no-repeat 0px 0px;
				text-decoration: none;
			}
			#productList ul li.no_products_found {
				border-width: 0px;
				padding-left: 15px;
			}
				#productList ul li.no_products_found p {
					padding-top: 4px;
					font-size: 10px;
				}
					#productList ul li.no_products_found p a {
						font-size: 12px;
					}
				
				#productList ul li a.frozenfood {
					background-position: 0px -210px;
				}
				#productList ul li a.diepvries {
					background-position: 0px -210px;
				}
				
				#productList ul li a.beverages {
					background-position: 0px -60px;
				}
				#productList ul li a.drank {
					background-position: 0px -60px;
				}
				
				#productList ul li a.booksandmagazines {
					background-position: 0px -180px;
				}
				#productList ul li a.magazines {
					background-position: 0px -180px;
				}
				
				#productList ul li a.fruitandvegetables {
					background-position: 0px -90px;
				}
				#productList ul li a.groenten {
					background-position: 0px -90px;
				}
				#productList ul li a.fruit {
					background-position: 0px -90px;
				}
				
				#productList ul li a.bakery {
					background-position: 0px -120px;
				}
				#productList ul li a.bakkerij {
					background-position: 0px -120px;
				}
				
		#productList ul li div  {
			padding-left: 30px;
			padding-top: 2px;
			padding-bottom: 10px;
		}
			#productList ul li div p {
				border-top: 1px dotted #cfcfcf;
				padding: 5px 0px 5px 0px;
				font-size: 12px;			
			}
		
			#productList ul li div p a {
				text-decoration: none;
			}
			#productList ul li div p a {
				color: #888;
			}
			#productList ul li div p a:hover {
				color: #a7c520;
			}
			
#popup {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url("/assets/images/white_bg.png");
}
	#popup div.addProduct {
		position: relative;
		width: 310px;
		height: 170px;
		left: 50%;
		top: 50%;
		margin-left: -171px;
		margin-top: -85px;
		padding: 6px 16px 6px 16px;
		background: url("/assets/images/popup_bg.png") no-repeat;
	}
		#popup div.addProduct div.title {
			font-size: 16px;
			color: #ffffff;
		}
			#popup div.addProduct dl {
				padding-top: 20px;				
			}
				#popup div.addProduct dl dt {
					float: left;
					width: 80px;
					height: 27px;
					text-align: right;
					line-height: 27px;
					vertical-align: middle;
					color: #2f2f2f;
					font-size: 14px;
				}
				#popup div.addProduct dl dd {
					height: 27px;
					text-align: right;
					padding-bottom: 8px;
				}
					
					#popup div.addProduct dl dd {
						margin-bottom: 4px;
					}

span.listNavButtons {
	background: url("/assets/images/shoplist_nav_bg.png") no-repeat bottom left;
	float: right;
	border: 0px solid #ff00ff;
	margin-left: 10px;
}
	
	span.listNavButtons span {
		width: 24px;
		float: left;
		margin: -1px 0px 0px 0px;
		padding: 3px 0px 6px 0px;
	}
	span.listNavButtons a {
		background: url("/assets/images/buttons.png") no-repeat top right;
		color: #8b8b8b;
		width: 24px;
		display: block;
		float: left;
		margin: -1px 0px 0px 0px;
		padding: 3px 0px 6px 0px;
		text-align: center;
		text-decoration: none;
	}
	span.listNavButtons a:hover {
		background-position: 2px -22px;
	}

#shoppinglist_container h1 {
	margin: 0px 0px -12px 0px;
	padding: 0px 0px 0px 0px;
	height: 44px;
	background-position: 0px 22px;
	width: 245px;
}

#datepicker {
	float: right;
	background: url("/assets/images/calender_icon.png") no-repeat right;
	width: 150px;
	padding: 0px 24px 0px 0px;
	margin: 0px;
	height: 17px;
	line-height: 17px;
	text-align: right;
	font-size: 10px;
	color: #888888;
}

select.datepick-new-year {
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
}

select.datepick-new-month {
	height: auto;
	width: auto;
	padding: 0px;
	margin: 0px;
}


	#shoppingList div {
		float: left;
		background: url("/assets/images/shopping_cart_rowsprite.png") no-repeat;
		width: 430px;
		height: 24px;
		margin-bottom: 1px;
		color: #2f2f2f;
	}
		#shoppingList div.comment {
			background: url("") no-repeat #f1f1f1;
			width: 410px;
			height: auto;
			margin-top: -1px;
			margin-bottom: 1px;
			color: #2f2f2f;
			padding: 4px 10px 4px 10px;
		}
			#shoppingList div.odd.comment {
				background: url("") no-repeat #f8f8f8;
			}
			#shoppingList div.even.comment {
				background: url("") no-repeat #f1f1f1;
			}
			#shoppingList div.comment textarea {
				width: 404px;
				height: 30;
				margin-bottom: 4px;
				border: 0px solid #e4e3e3;
			}
			
			#shoppingList div.odd.comment textarea.theirs {
				background-color: #f8f8f8;
				color: #a9a9a9;
			}
			#shoppingList div.even.comment textarea.theirs {
				background-color: #f1f1f1;
				color: #a9a9a9;
			}

			#shoppingList div.odd.comment textarea.mine {
				background-color: #f8f8f8;
				color: #000000;
			}
			#shoppingList div.even.comment textarea.mine {
				background-color: #f1f1f1;
				color: #000000;
			}
			
	#shoppingList div a {
		background: url("/assets/images/buttons.png") no-repeat top right;
		color: #8b8b8b;
		width: 24px;
		display: block;
		float: left;
		margin: 3px 0px 0px 0px;
		padding: 3px 0px 6px 0px;
		text-align: center;
		text-decoration: none;
	}
	#shoppingList div a:hover {
		background-position: 2px -22px;
	}
	#shoppingList div span {
		display: block;
		float: left;
	}
		#shoppingList div span.remove {
			width: 22px;
		}
		#shoppingList div span.qty {
			width: 15px;
			text-align: center;
			padding: 6px 0px 0px 2px;
		}
		#shoppingList div span.add {
			width: 22px;
		}
		#shoppingList div span.middle {
			padding-top: 5px;
			margin-left: 5px;
			/*width: 318px;*/
		}
		#shoppingList div span.product {
			font-size: 12px;
			padding: 1px 0px 0px 0px;
		}
		#shoppingList div span.person {
			font-size: 10px;
			float: right;
			text-align: right;
			position: absolute;
			right: 97px;
			padding: 2px 4px 0px 0px;
		}
		#shoppingList div span.price {
			/* display: none; */
			float:left;
			margin: 3px 0px 0px 4px;
			padding: 4px 0px 5px 0px;
			width: 10px;
			text-align: right;
			font-size: 9px;
			background-color: #ffffff;
		}
			#shoppingList input.price {
				/* display: none; */
				font-size: 9px;
				color: #2f2f2f;
				float: left;
				background: url("") no-repeat #ffffff;
				width: 34px;
				height: auto;
				margin: 3px 4px 0px 0px;
				padding: 6px 0px 0px 0px;
				text-align: center;
			}
			
		#shoppingList div a.delete {
			margin-right: -2px;
			margin-left: -1px;
			font-family: tahoma;
			font-size: 11px;
		}

		#shoppingList div.mine.odd {
			background-position: 0px 0px;
		}
		#shoppingList div.mine.even {
			background-position: 0px -25px;
		}

		#shoppingList div.theirs {
			color: #a9a9a9;
		}
		#shoppingList div.theirs.odd {
			background-position: 0px -0px;
		}
		#shoppingList div.theirs.even {
			background-position: 0px -25px;
		}

		#shoppingList span.buttons {
			margin-top: 10px;
			float: right;
		}
		#shoppingList div.total {
			width: 380px;
			background: url("/assets/images/total_bg.png");
			text-align: right;
			padding: 8px 50px 0px 0px;
			font-size: 16px;
			color: #ffffff;
		}
			#shoppingList div.total span {
				padding-left: 10px;
			}
		
input.print {
	background: url("/assets/images/button_print.png") 0px -29px;
	padding-left: 15px;
}
input.pay {
	background: url("/assets/images/button_pay.png") 0px -29px;
	width: 110px;
	padding-left: 15px;
}
input.close {
	background: url("/assets/images/button_close.png") 0px -29px;
	width: 110px;
	padding-left: 15px;
}

img.loading_img {
	display: none;
}

#leftColumn img.loading_img {
	float: right;
	margin-top: 6px;
}